
/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }


	
.entry-image .readmore { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0 0 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1); box-shadow: 0 0 4px rgba(0,0,0,0.1); width: 42px; height: 42px; background: #fff; text-indent: -9999px; position: relative; display: inline-block; overflow: hidden; }
	.entry-image .readmore span { position: absolute; top: 9px; left: 9px; background: url(../img/design/zoom.png) no-repeat; width: 23px; height: 24px; display: block; }

@-webkit-keyframes bounceIn {
	0% {
		-webkit-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		-moz-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		-o-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		transform: scale(1);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes bounceIn_custom {
	0% {
		opacity:0;
		-webkit-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn_custom {
	0% {
		opacity:0;
		-moz-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn_custom {
	0% {
		opacity:0;
		-o-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn_custom {
	0% {
		opacity:0;
		transform: scale(1);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		transform: scale(1);
	}
}


#main-wrap { height: auto; min-height: 100%; position: relative; }		
	#main { margin-left: 281px; height: 100%;  position: relative; z-index: 2; }
		#wrapper { float: left;  }
			.entry-image { float: left; width: 25%; position: relative; color: #fff; }
				.entry-image img { display: block; }
				.image-info { background: #ff9600; background: rgba( 255,150,0,0.95 ); position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 0 1px rgba(255,182,78,1), 0 0 20px rgba(0,0,0,0.6); -webkit-box-shadow: inset 0 0 0 1px rgba(255,182,78,1), 0 0 20px rgba(0,0,0,0.6); box-shadow: inset 0 0 0 1px rgba(255,182,78,1), 0 0 20px rgba(0,0,0,0.6); text-shadow: 1px 1px 0 rgba(0,0,0,0.1); text-align: center; z-index: 10; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
					.image-info .title { padding: 45px 7px 8px; -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); }
					.image-info .description { padding: 11px 40px; }
					.image-info a:hover { color: #f5f5f5; color: rgba(255,255,255,0.9); text-decoration: none; }
				
				.entry-image:hover img, .entry-image.et_hover img { -webkit-animation: bounceIn 0.4s ease-in-out; -moz-animation: bounceIn 0.4s ease-in-out; -ms-animation: bounceIn 0.4s ease-in-out; -o-animation: bounceIn 0.4s ease-in-out; animation: bounceIn 0.4s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
				
				.entry-image:hover .image-info, .entry-image.et_hover .image-info { -webkit-animation: bounceIn_custom 0.4s ease-in-out; -moz-animation: bounceIn_custom 0.4s ease-in-out; -o-animation: bounceIn_custom 0.4s ease-in-out; -ms-animation: bounceIn_custom 0.4s ease-in-out; animation: bounceIn_custom 0.4s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
				
			#main-content { width: 620px; margin-left: 60px; padding-bottom: 60px; }
	
.entry-content { position: relative; padding-top: 60px; }
	.main-title { color: #4a4b4b; background: #fff; padding: 43px 60px 0; position: absolute; top: -130px; left: -60px; }
	
	.et-no-big-image .main-title { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0; position: relative; top: 0; left: 0; margin-bottom: 20px; }
	
		.main-title h1, h1#comments, h3#reply-title { font-size: 48px; font-weight: 900; letter-spacing: -2px; }
		.main-title p { font-size: 18px; }
		body.single #main .meta-info a, body.page #main .meta-info a { color: #4a4b4b; }
		body.single #main .meta-info a:hover, body.page #main .meta-info a:hover { color: #111; text-decoration: none; }
		
	.post-thumbnail { position: relative; margin-bottom: 52px; }
		.post-thumbnail img { display: block; }
		.post-thumbnail:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.35); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.35); box-shadow: inset 0 0 7px rgba(0,0,0,0.35); }
		
	.entry-content ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; }
	.entry-content ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 16px; line-height: 26px; }
		.entry-content ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
		.entry-content ol li ul, .entry-content ol li ol, .comment-content ol li ul, .comment-content ol li ol  { padding: 2px 0px 2px 35px; }
		
	#main-footer { border-top: 1px solid #f3f3f3; padding: 45px 0 35px 60px; color: #494b4b; }
		#copyright a { font-weight: 900; color: #494b4b !important; }
		#copyright a:hover { color: #111 !important; text-decoration: none; }
		
	#big_thumbnail { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; height: 320px; background-repeat: no-repeat; }
	
	.entry-image:hover { z-index: 11; }
	
	.image-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-indent: -9999px; }
	

	
	
	